@charset "utf-8";/* CSS Document */
html{overflow-x:hidden;}
body{ margin:0; padding:0;  font-size:14px;font-family: "黑体", sans-serif;font-size:14px; color:#333; position:relative; background:#fff;}
a{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
a,a:hover,a:focus,a:link{text-decoration:none!important;color: #000}
img{border:0;max-width: 100%}
ul,ol,li{ list-style:none;}
h1,h2,h3,h4,h5,h6,hr,form,ul,ol,li,p,dl,dt,dd,button,input,textarea,th,td,figure{ margin:0; padding:0; font-weight: normal;}
button,input,select,textarea{vertical-align:middle;}
table{ border-collapse:collapse; border-spacing:0;border: 1px solid #eee}
textarea{ resize:none;}
.clear{clear:both;}
.red{color: red}
.green{color: green}
.shey{ width:100%; background:#fafafa; height:auto; overflow:hidden;}
.mt50{margin-top: 50px;}
.button{-webkit-appearance:none;}
/* 头部 */
.headBox{position: fixed;top: 0px;left: 0px;width: 100%;padding-top: 8px;padding-bottom: 8px;z-index: 999;background: rgba(255,255,255,.6);box-shadow: 0px 2px 10px #eee;}
.headBox.active{background: #fff;border-bottom: 1px solid #eee}
.header-search {
	float: right;
	height: 30px;z-index: 1;margin-left: 10px;
}

.header-search-inputbox {
	position: relative;
	width: 110px;
	border-bottom: 1px solid #000
}

.header-search-inputbox input {
	width: 100%;
	height: 28px;
	border: none;
  outline: none;
	font-size: 14px;
	color: #000
}
.searchWord{background: transparent;}

.searchButt {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	display: block;
	width: 28px!important;
	height: 28px!important;
	background: url(../images/icon.png) no-repeat -52px -69px;
}

.top{line-height:25px; float: right; padding-top:23px;}
.top p{ float:left;}
.top p a{ font-size:14px; color:#333; margin:0 7px; display:inline-block; float:left;}
.top p span{ display:inline-block; width:1px; height:17px; background:#939393; margin-top:4px; float:left;}
.menu{position: relative;}
.logobox{height: auto;color: #000;font-size: 20px;text-align: left;float: left;}
.logobox img,.logobox div{display: inline-block;vertical-align: middle;}
.logobox div{margin-left: 10px;text-indent: 0px;}
.menuh,.navBar li.current .nav,.tabs ul li.tabline{border-bottom:4px solid #005bac;}
.dropdown-menu{ position:static; top:auto; left:auto; background:none;box-shadow:none; border:0; margin-top:-10px !important;}
.hpic{margin: 10px 0 0 0;}
.menu ul{}
.menu ul li{ display: inline-block; padding: 0px 20px;text-align: center;line-height:40px; height:40px;position: relative;}
.menu ul li a{ font-size:16px; color:#333; display:block;}
.menu ul li.current .navInfo{display: block;}
.navBar{margin-top:0;float: right;}
.navBar .nav{display:block;float:left;}
.navBar .navInfo{position:absolute;top:42px;left:0px; display:none;width:100%;z-index: 999;}
.navBar .navInfo a{display:block;}
.navBar li{float:left;}
.navBar li.last{background:none;padding-right:0;}
.navBar .navInfoBg1{background:#fff;filter:alpha(opacity=80);opacity:0.8;width:100%;}
.navBar .navInfoA a{font-size:16px; color:#333;; display:block; line-height:42px;text-align: center;border-bottom: 4px solid #fff}
.navInfoA a:hover{border-color:  #005bac;color: #005bac}
.nav-toggle {width:39px;height:24px;display:block; float:right;margin: 20px 0px 0px 20px;}
.waps{margin-top: 17px;}
.yw-navf {width:100%;padding:0;position:fixed;top:62px;left:0;display: none; z-index: 9999;height: 100%;background: #fff;}

.mt18{ margin-top:10px;}
.sja{width: 0; height: 0;border-left:6px solid transparent;border-right:6px solid transparent;border-top: 10px solid #fff; margin:19px 0 0 8px; display:inline-block;}
.sjb{ margin:19px 0 0 8px; display:inline-block; background:url(../images/down.png) no-repeat center center; width:13px; height:9px;}
.header_subnav{ margin-left:35px; width:100%;}
.padl1{ padding-left:35px; margin-bottom:0 !important;}
.padl2{ padding-left:70px;}
.item{display:none;}
.on{display:block;}

/*底部 */
.topFoot{background: #051e3c;margin: 0px auto;padding: 20px 0px;color: #c5c1c1}
.topFoot dl{width: 14%;float: left;}
.topFoot dl a{color: #c5c1c1}
.topFoot dl dt{font-size: 18px;margin-bottom: 5px;}
.topFoot dl dd{font-size: 14px}
.topFoot dl dd p{line-height: 22px;}
.footer {
  width: 100%;
  color: #fff
}

.footerTop {
  background-color: #0068b7;
  height: 62px;
}

.footerTopConRight {
  color: #fff;
  line-height: 62px;
  float: right;
}

.footerTopConRight a {
  color: #fff;
  font-size: 16px;
}

.footerTopConRight a:hover {
  text-decoration: underline;
}

.footerTopCon {
  position: relative;
}

.footerTopConLeft {
  text-align: center;
  width: 100%;
  height: 62px;
}

.showBottom p {
  font-weight: bold;
  color: #005bac;
  text-align: left;
  line-height: 60px;
}

.showBottom div {
  text-align: left;
  line-height: 30px;
  margin-bottom: 20px;
}

.footerTopConLeft>div {
  cursor: pointer;
  width: 110px;
  text-align: center;
  line-height: 62px;
  display: inline-block;
}

.footerTopConLeft .showBottom {
  position: absolute;
  left: 0;
  bottom: 62px;
  overflow: hidden;
  max-height: 0;
  background: rgba(255, 255, 255, 1);
}

.footerTopConLeft .showBottom.active {
  max-height: 400px;
  transition: 1s;
}

.showBottom {
  box-sizing: border-box;
  padding: 0 20px;
  width: 100%;
}

.showBottom>div a {
  margin-left: 20px;
  color: #999 !important;
  width: auto !important;
}

.showBottom>div a:hover {
  color: #005bac !important;
  text-decoration: underline;
}

.footerTopConLeft>div a {
  width: 110px;
  color: #fff;
}

.footerTopConLeft>div:hover>a {
  background-color: #fff;
  color: #00796a;
}

.footerBottom {
  color: #656565;
  text-align: center;
  line-height: 35px;
  height: 35px;
  background-color: #323232;
}

.footerCenterConLeft {
  text-align: center;
  float: left;
  margin-top: 25px;
  margin-bottom: 25px;
  width: 100%;
}

.footerCenterConLeft>p a {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

.footerCenterConLeft>p a:nth-of-type(n+2) {
  margin-left: 10px;
}

.ulBox ul {
  margin-top: 20px;
  font-size: 12px;
  float: left;
}

.ulBox ul li {
  text-align: center;
}

.ulBox ul:nth-of-type(n+2) {
  margin-left: 28px;
}

.footerCenterConLeft a:hover {
  text-decoration: underline;
  color: #00796a;
}
.footerCenter {
  width: 100%;
  background-color: #001834;
  padding: 20px 0px;
}
.zuihou {
    text-align: left;
    width: 60%;
    height: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    position: relative;
}
.zuihou a{color: #c5c1c1}
.zuihou>p {
    line-height: 33px;
    color: #c5c1c1;
}
.footerCenterConR>img {
    width: 100px;display: inline-block;background: #fff;padding: 5px;
}
.footerCenterConR {
    float: right;
    width: 40%;
    text-align: right;
}
.footerCenterConR img:hover{
  transition: 1s;
  transform: translateY(-20px);
}
.pad0{padding-left: 0px;padding-right: 0px;}
.col-xs-pad0{padding-left: 0px;padding-right: 0px;}

.navTopConItem {
    width: 100%;
    border-bottom: 1px solid #d6d6d6;
    width: 86%;
    margin: 0px auto;
}
.navTopConItem>a {
    line-height: 45px;
    color: #000;
    text-align: left;
    width: 40%;
    text-indent: 1rem;
    font-size: 12px;
    font-weight: bold;display: inline-block;vertical-align: middle;
}
.navTopConItem>.subm {
    width: 45px;
    height: 45px;
    float: right;
    background: url(../images/add.png) no-repeat center;
    background-size: 15px;
}
.subm.active {
    background: url(../images/sub.png) no-repeat center;
    background-size: 15px;
}
.subm.active + .showItem{display: block;}
.showItem {
    overflow: hidden;
    width: 100%;
    display: none;
    padding: 0px 1rem 10px;
}
.twoCenter ul li {
    color: #1266b2;
    padding: 8px 0px;
    text-align: center;
    display: inline-block;
}
.twoCenter ul li a {
    color: #3d3d3d;
    font-size: 12px;
}
.serachM{display: none;margin: 15px auto;float: none;}

@media screen and  (max-width :1200px){
}
@media screen and  (max-width :992px){
  body{padding-top: 62px;}
  .headBox{background: #fff}
  .topFoot dl{width: 32%;text-align: center;float: none;display: inline-block;vertical-align:text-top }
}
@media screen and  (max-width :768px){
  .col-xs-12-pad0{padding: 0px!important;}
  .mt50{margin-top: 10px;}
  #main{height: 350px;}
  .zuihou{width: 100%;padding: 0px 15px;}
  .footerCenterConR{width: 100%;text-align: center;}
  .footerCenterConR img{width: 22%;}
    .serachPc{display: none;}
    .serachM{display: block;width: 200px!important;}
    .top{padding-top: 18px;}
    .topFoot{display: none;}
    .zuihou>p{line-height: 24px;}
}
@media screen and  (max-width :321px){
.waps{margin-top: 9px;}
.nav-toggle{margin: 12px 0px 0px 20px}
}